import util from '@/utils/util.js'
import http from '@/utils/http.js'

export default{
	namespaced: true,
	actions: {
		/**
		 * @description 登录
		 * @param {Object} param context
		 * @param {Object} param vm {Object} vue 实例
		 * @param {Object} param username {String} 用户账号
		 * @param {Object} param password {String} 密码
		 * @param {Object} param route {Object} 登录成功后定向的路由对象 任何 vue-router 支持的格式
		 */
		login ({ dispatch }, {vm, username, password}){
			return new Promise((resolve, reject) => {
				http.post('login', {username: username, password: password})
					.then(async res => {
						// 设置 cookie 一定要存 uuid 和 token 两个 cookie
						// 整个系统依赖这两个数据进行校验和存储
						// uuid 是用户身份唯一标识 用户注册的时候确定 并且不可改变 不可重复
						// token 代表用户当前登录状态 建议在网络请求中携带 token
						// 如有必要 token 需要定时更新，默认保存一天
						util.cookies.set('uid', res.uid)
						util.cookies.set('username', res.username)
						util.cookies.set('access_token', res.access_token)
						// 设置 vuex 用户信息
						await dispatch('user/set', res, { root: true })
						// 用户登录后从持久化数据加载一系列的设置
						await dispatch('load')
						resolve()
					})
					.catch(err => {
						reject(err)
					})
			})
		},
		/**
		* @description 注销用户并返回登录页面
		* @param {Object} param context
		* @param {Object} param vm {Object} vue 实例
		* @param {Object} param confirm {Boolean} 是否需要确认
		*/
		logout ({ commit, dispatch }, { vm, confirm = false }) {
			/**
			* @description 注销
			*/
			async function logout () {
				// 删除cookie
				util.cookies.remove('access_token')
				util.cookies.remove('uid')
				// 清空 vuex 用户信息
				await dispatch('user/set', {}, { root: true })
				// 跳转路由
				vm.$router.push({
					name: 'login'
				})
			}
			// 判断是否需要确认
			if (confirm) {
				// commit('gray/set', true, { root: true })
				vm.$confirm('注销当前账户吗?  打开的标签页和用户设置将会被保存。', '确认操作', {
					confirmButtonText: '确定注销',
					cancelButtonText: '放弃',
					type: 'warning'
				}).then(() => {
					// commit('gray/set', false, { root: true })
					logout()
				}).catch(() => {
					// commit('gray/set', false, { root: true })
					vm.$message('放弃注销用户')
				})
			} else {
				logout()
			}
		},
		/**
		* @description 用户登录后从持久化数据加载一系列的设置
		* @param {Object} state vuex state
		*/
		load ({ commit, dispatch }) {
			return new Promise(async resolve => {
				// // DB -> store 加载用户名
				await dispatch('user/load', null, { root: true })
				// DB -> store 加载主题
				await dispatch('theme/load', null, { root: true })
				// DB -> store 加载页面过渡效果设置
				await dispatch('transition/load', null, { root: true })
				// DB -> store 持久化数据加载上次退出时的多页列表
				await dispatch('page/openedLoad', null, { root: true })
				// DB -> store 持久化数据加载侧边栏折叠状态
				await dispatch('menu/asideCollapseLoad', null, { root: true })
				// DB -> store 持久化数据加载全局尺寸
				await dispatch('size/load', null, { root: true })
				// end
				resolve()
			})
		}
	}
}